﻿@page "/sliders"

<Block Title="Slider 滑块" Introduction="通过拖动滑块在一个固定区间内进行选择" CodeFile="slider.1.txt">
    <Slider></Slider>
    <Slider Value="50" Label="自定义初始值"></Slider>
    <Slider Value="42" IsDisabled="true" Label="禁用"></Slider>
</Block>

<Block Title="Slider 双向绑定" Introduction="通过拖动滑块在一个固定区间内进行选择" CodeFile="slider.2.txt">
    <div class="form-inline">
        <div class="row">
            <div class="form-group col-12 col-sm-8">
                <Slider @bind-Value="@BindValue" Label="自定义初始值"></Slider>
            </div>
            <div class="form-group col-12 col-sm-4">
                <BootstrapInput @bind-Value="@BindValue" readonly></BootstrapInput>
            </div>
        </div>
    </div>
</Block>

<AttributeTable Items="@GetAttributes()" />

<EventTable Items="@GetEvents()" />